<template>
     <div class="tabs">
            <ul>
                <router-link :to="{ name : 'Home'}" tag="li" exact>
                    <div>
                        <img src="./assets/images/home.svg">
                    </div>
                    <div>首页</div>
                </router-link>
                <router-link :to="{ name: 'Explorer' }" tag="li">
                    <div>
                        <img src="./assets/images/category.svg">
                    </div>
                    <div>分类</div>
                </router-link>
                <router-link :to="{ name: 'Cart' }" tag="li">
                    <div><img src="./assets/images/cart.svg"></div>
                    <div>购物车</div>
                </router-link>
                <router-link :to="{ name: 'Me'}" tag="li">
                    <div><img src="./assets/images/me.svg"></div>
                    <div>我</div>
                </router-link>
            </ul>
        </div>
</template>
<script>
import "./tabs.less"
    export default{}
</script>
